
@import ".././../../../scss/base/_var";

// 個人鼓勵信息
.comp-person-info {
    border: 1px $color-input-border solid;
    box-shadow: 0 0 4px rgba(125, 125, 125, 0.1);
    padding: 24px 16px;
    .info-hd {
        padding-bottom: 24px;
        border-bottom: 1px $color-input-border dashed;
        .hd-left {
            float: left;
            width: 50px;
            height: 50px;
            line-height: 50px;
            border-radius: 50%;
            background-color: #00aaee;
            color: #fff;
            font-size: 18px;
            text-align: center;
        }
        .hd-right {
            padding-top: 8px;
            margin-left: 66px;
            .name {
                font-size: 14px;
                margin-bottom: 4px;
            }
            .num {
                line-height: 1.5;
                font-size: 12px;
                color: $color-font-light;
            }
        }
    }
    .info-md {
        padding: 20px 0;
        .md-row {
            margin-bottom: 10px;
            color: $color-font-light;
            &:last-child {
                margin-bottom: 0;
            }
            .icon {
                margin: 0 8px;
            }
        }
    }
    .info-ft {
        text-align: center;

    }
}

// 相關推薦
.comp-recommend {
    border: 1px $color-input-border solid;
    box-shadow: 0 0 4px rgba(125, 125, 125, 0.1);
    padding: 16px;
    .re-container {
        .re-title {
            margin-bottom: 16px;
            font-size: 14px;
        }
        .re-table {
            width: 100%;
            th, td {
                height: 32px;
                line-height: 32px;
                font-style: normal;
                &:first-child {
                    padding-left: 8px;
                    text-align: left;
                }
                &:last-child {
                    padding-right: 8px;
                    text-align: right;
                }
            }
            th {
                color: $color-font-light;

            }
            td {

            }
            thead {
                border-bottom: 1px solid $color-input-border;
            }
            tbody {
                tr {
                    &:hover {
                        background-color: $color-input-border;
                    }
                }
            }
        }
    }
}